﻿@charset "utf-8";
/* CSS Document */

.OrderSlide{width:94%;padding:10px 3%;border-bottom:10px solid #e3e3e3;}
.OrderSlide p{width:100%;border-radius:4px;overflow:hidden;border:2px solid #339efe}
.OrderSlide p span{width:33.33333%;background:#fff;line-height:2.5em;font-size:.8em;float:left;color:#339efe}
.OrderSlide p span.SlideA{background:#339efe;color:#fff}

.OrderBox{width:100%;display:inline-block}
.OrderBox li{width:100%;border-bottom:10px solid #e3e3e3;float:left;padding:10px 0;font-size:.8em;line-height:2.2em;}
.OrderBox li p{width:94%;padding:0 3%;display:inline-block}
.OrderBox li .OrderName a,.OrderBox li .OrderName span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.OrderBox li .OrderName a{color:#333;float:left;width:60%;text-align:left}
.OrderBox li .OrderName span{color:#fd5f39;width:30%;text-align:right}

.OrderBox li .Status{margin:5px 0}
.OrderBox li .Status span{padding:0 .8em;border-radius:4px;float:left;color:#fff;float:left;}
.OrderBox li .Status b{font-weight:normal;color:#777;padding-left:.8em;float:left}
.OrderBox li .Status b i{font-style:normal;color:#333}

.OrderBox li .Status span.dkg{background:#ff9500}
.OrderBox li .Status span.sgz{background:#f00}
.OrderBox li .Status span.ysz{background:#339efe}
.OrderBox li .Status span.jjz{background:#877afe}
.OrderBox li .Status span.dzf{background:#00b38a}
.OrderBox li .Status span.ywg{background:#9c9c9c}

.OrderBox li .OrderAdd{text-align:left}
.OrderBox li .OrderAdd span{padding-right:.5em;float:left;color:#999;}

.OrderBox li .OrderPubTime{text-align:left;color:#999}

.OrderBox li .OrderBtn{border-top:1px solid #e8e8e8;padding:10px 3% 0 3%;}
.OrderBox li .OrderBtn input{padding:0 1.5em;color:#fff;float:right;margin-left:10px;border:none;border-radius:4px;line-height:2.5em}
.OrderBox li .OrderBtn input.Pay{background:#00b38a}
.OrderBox li .OrderBtn input.Renew{background:#339efe}
.OrderBox li .OrderBtn input.Edit{background:#339efe}
.OrderBox li .OrderBtn input.CancelOrder{background:#ff4a4a}
.OrderBox li .OrderBtn input.Comment{background:#ff4a4a}
.OrderBox li .OrderBtn input.StartNow{background:#49c04a}
.OrderBox li .OrderBtn input.OverDue{background:#9c9c9c}

.OrderBox li .OrderNumber{border-top:2px solid #e3e3e3;background:#eee;}
.OrderBox li .OrderNumber span{padding-left:28px;background:url(../Images/OrderIco.png) left no-repeat;color:#777;text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;zoom:.82;font-size:1.2em}

.EvaluateTop{width:100%;padding:10px 0;display:inline-block;}
.EvaluateTop div{margin:0 auto;display:inline-block;padding:0}
.EvaluateTop div .EvaIco{float:left;width:120px;height:120px;position:relative;overflow:hidden;}
.EvaluateTop div .EvaIco .WorkerIco{width:120px;height:120px;float:left;border-radius:100%;overflow:hidden}
.EvaluateTop div .EvaIco .VID{position:absolute;right:0;bottom:0}

.EvaluateTop div .WorkerName{float:left;font-size:.8em;line-height:2.2em;padding:1em 0 0 1em}
.EvaluateTop div .WorkerName span{color:#777;float:left;text-align:left;margin-top:.3em;}
.EvaluateTop div .WorkerName span b{color:#282828;float:left}
.EvaluateTop div .WorkerName span a{background:#f58300;height:2.2em;float:left;padding:0 .8em;margin-left:.8em;color:#fff;border-radius:4px}

.ChooseTitle{width:94%;padding:0 3%;color:#333;background:#f1f1f1;display:inline-block}
.ChooseTitle span{padding-left:1.8em;float:left;background:url(../Images/ChooseIco.png) left no-repeat;zoom:.7;font-size:1.1em;line-height:3em;}

.ChooseList{width:100%;display:inline-block;border-bottom:10px solid #f1f1f1}
.ChooseList li{position:relative;width:94%;padding:10px 3%;border-bottom:1px solid #eee;float:left;font-size:.8em;line-height:1.8em}
.ChooseList li img{zoom:.7;top:50%;left:3%;margin-top:-11px;position:absolute}
.ChooseList li span{width:100%;padding-left:2em;text-align:right;display:inline-block}
.ChooseList li span b{float:left;text-align:left;font-weight:normal}

.SumPrice{width:100%;display:inline-block}
.SumPrice li{width:94%;padding:10px 3%;border-bottom:1px solid #f1f1f1;text-align:left;font-size:.8em;line-height:2.2em;display:inline-block}
.SumPrice li b{float:right;text-align:right;color:#fd5f39}

.PayWay{width:100%;font-size:.8em;line-height:2.5em;display:inline-block}
.PayWay li{width:94%;padding:10px 3%;border-bottom:1px solid #f1f1f1;text-align:left;float:left;position:relative}
.PayWay li img{position:absolute;zoom:.7;left:3%;top:50%;margin-top:-30px;}
.PayWay li span{padding:0 2em 0 3em;width:100%;float:left;color:#666;}
.PayWay li input{width:40px;height:40px;position:absolute;right:3%;top:50%;margin-top:-17px;zoom:.7;background:url(../Images/PayIco.png) center -116px no-repeat;border:none}
.PayWay li input.Chosen{background:url(../Images/PayIco.png) center 0 no-repeat;}

@media screen and (min-width:600px){
 .OrderBox li .OrderPubTime{width:45%;float:right;text-align:right}	
 .OrderBox li .Status{margin:5px 0;width:40%;float:left}
}

